	<div class="wrapper wrapper-content" ng-controller="GatewayMasterController">

		<div class="row">
			<div class="col-lg-12">
				<div class="tabs-container">

					<uib-tabset>
						<uib-tab heading="{{'GATEWAY.GATEWAY' | translate}}" >
							<div class="panel-body" ng-controller="GatewayController">
								<a ng-click="addGateway()" class="btn btn-primary btn-rounded btn-outline" href=""><i class="fa fa-plus-circle"></i> {{'GATEWAY.ADD_GATEWAY' | translate}}</a>
								<table class="table table-bordered table-hover" >
									<thead>
										<tr>
											<th class="text-center">{{'SETTING.ID' | translate}}</th>
											<th class="text-center">{{'SETTING.NAME' | translate}}</th>
											<th class="text-center">{{'GATEWAY.TOKEN' | translate}}</th>
											<th class="text-center">{{'GATEWAY.LAST_SEEN_DATETIME' | translate}}</th>
											<th class="text-center">{{'SETTING.ACTION' | translate}}</th>
										</tr>
									</thead>
									<tbody>
										<tr ng-repeat="gateway in gateways">
											<td class="text-center">{{ gateway.id }}</td>
											<td class="text-center">{{ gateway.name }}</td>
											<td class="text-center">{{ gateway.token}}</td>
											<td class="text-center">{{ gateway.last_seen_datetime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
											<td class="text-center">
												<a class="btn btn-primary btn-rounded btn-xs" ng-click="editGateway(gateway)" >{{'SETTING.EDIT' | translate}}</a>
												<a ng-click="deleteGateway(gateway)" class="btn btn-danger btn-rounded btn-xs" >{{'SETTING.DELETE' | translate}}</a>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</uib-tab>
					</uib-tabset>
				</div>
			</div>
		</div>
	</div>
